// navInit();
let TabFn = function () {
    let tabBox = {};
    tabBox.init = function () {
        let _count = true;
        let _show = function () {
            if (_count) {
                _count = false;
                let btnEl = $(this);
                let className = btnEl.parent().data('name');
                // console.log(className);
                let index = btnEl.index();
                btnEl.addClass('active').siblings().removeClass('active');
                $(`.${className}`).find('.nav-page').eq(index).addClass('active').siblings().removeClass('active');
                setTimeout(function () {
                    $(`.${className}`).find('.nav-page').eq(index).css({
                        display: 'block'
                    }).siblings().css({
                        display: 'none'
                    });
                }, 300);
                _count = true;
            }
        };
        $('.nav-btn-wrap').on('click', '.btn', _show);
        let page02 = $('.slide02');
        // let page03 = $('.slide03');
        let floatAboutEl = $('.m-float-about');
        let aboutEl = floatAboutEl.find('.about-page');
        let page05 = $('.slide05');
        let oldEl = floatAboutEl.find('.old-page');
        let ipEl = floatAboutEl.find('.ip-page');
        let nowEl = floatAboutEl.find('.now-page');
        let childTopNav = aboutEl.find('.top-nav');
        let childNavCont = aboutEl.find('.nav-cont');
        let className = null;
        let btnWrap = aboutEl.find('.btn-wrap');
        // 二级子元素头部导航
        childTopNav.on('click', '.btn-nav', function () {
            className = $(this).data('cardName');
            FnList.dataNameForClassShow(className);
        });
        childNavCont.on('click', '.arrow', function () {
            if ($(this).parent().parent().is('.active')) {
                $(this).parent().parent().removeClass('active');
            } else {
                $(this).parent().parent().addClass('active');
            }
        });
        let FnList = {};
        FnList.floatMatchElShow = function () {
            floatAboutEl.addClass('show').addClass('move');
            aboutEl.addClass('active').siblings().removeClass('active');
        };
        FnList.floatMatchElHide = function () {
            floatAboutEl.removeClass('move');
            aboutEl.removeClass('active');
            setTimeout(function () {
                floatAboutEl.removeClass('show');
            }, 300);
        };
        FnList.dataNameForClassShow = function (className) {
            aboutEl.find(`.${className}`).addClass('active').siblings().removeClass('active');
        };
        // page03.on('click', '.btn-href', function (e) {
        //     e.stopPropagation();
        //     className = $(this).data('cardName');
        //     FnList.floatMatchElShow();
        //     FnList.dataNameForClassShow(className);
        // });
        $('.btn-href').on('click', function (e) {
            e.stopPropagation();
            className = $(this).data('cardName');
            FnList.floatMatchElShow();
            FnList.dataNameForClassShow(className);
        });
        $('.nav-footer .go-float').on('click', function (e) {
            e.stopPropagation();
            className = 'cysj';
            FnList.floatMatchElShow();
            FnList.dataNameForClassShow(className);
        });
        // 普通序列点轮播点切换
        page05.on('click', '.ball', function () {
            let index = $(this).index();
            let name = $(this).data('name');
            $(this).addClass('active').siblings().removeClass('active');
            $(`.${name}-page`).find('.page').eq(index).addClass('active').siblings().removeClass('active');
        });
        // 底部跳转三级子页面入口
        btnWrap.on('click', '.go-old', function () {
            oldEl.addClass('active').siblings().removeClass('active');
            oldEl.find(`.${className}`).addClass('active').siblings().removeClass('active');
        });
        btnWrap.on('click', '.go-ip', function () {
            ipEl.addClass('active').siblings().removeClass('active');
            ipEl.find(`.${className}-title`).addClass('active').siblings().removeClass('active');
            ipEl.find(`.${className}-page`).addClass('active').siblings().removeClass('active');
        });
        btnWrap.on('click', '.go-now', function () {
            nowEl.addClass('active');
            nowEl.find(`.${className}`).addClass('active').siblings().removeClass('active');
        });
        // 统一关闭按钮
        floatAboutEl.on('click', '.btn-close', function () {
            let Name = $(this).data('name');
            if (Name === 'about') {
                FnList.floatMatchElHide();
            } else {
                aboutEl.addClass('active').siblings().removeClass('active');
            }
        });
        // nowEl点击切换按钮
        ipEl.on('click', '.btn', function () {
            let name = $(this).data('name');
            $(this).addClass('active').siblings().removeClass('active');
            ipEl.find(`.${name}`).addClass('active').siblings().removeClass('active');
        });
        // slide02切换页面
        page02.on('click', '.ball-img', function () {
            $(this).addClass('active').siblings().removeClass('active');
            let index = $(this).index();
            page02.find('.ball-cont').eq(index).addClass('active').siblings().removeClass('active');
        });
    };
    tabBox.init();
};
module.exports = TabFn;
